#login{
    background-image: url("/static/images/login/u0_state0.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;;
}
#login>div{
    width: 80rem;
    height: 20rem;
    margin: 0 auto;
}
h1{
    padding: 5rem 0 2rem 0;
    color: #e5e5e5;
}
#login_form{
    width: 50rem;
    height: 40rem;
    text-align: center;
    border-radius: 0 0.5rem 0.5rem 0;
}
#login_form input{
    margin-bottom: 2.5rem;
}
.text{
    border:0.15rem solid #FFFFFF;
    background-color: rgba(255,255,255,0.5);
    box-shadow: 0.5rem 0.5rem 0.5rem 0 #4d5368;
    border-radius: 0.2rem;
    height: 3rem;
    width: 60%;
}
h2{
    margin: 0;
    padding: 4rem 0;
    font-size: 2.5rem;
}
#loginimg{
    float: left;
    border-radius: 0.5rem 0 0 0.5rem;
    width: 30rem;
    height: 40rem;
    overflow: hidden;
}
#logintext{
    background-color: rgba(255,255,255,0.5);
    float: left;
    border-radius: 0 0.5rem 0.5rem 0;
}
#checked{
    border: #FFFFFF 0.1rem solid;
    width: 1rem;
    height: 1rem;
}
#loginbotn{
    background: #5b9fff;
    color: #ffffff;
    border: none;
    border-radius: 0.2rem;
    height: 3rem;
    width: 60%;
}